//页面加载  
$(function() {

	Search(0);
});
//查询船舶的二维吃水数据
function Search(value) {
	$.messager.progress();
	var options = {
		fontFamily : 'Roboto',
		name : '流量 立方米/秒',
		//backgroundColor: '#C6E2FF',
		backgroundColor : '#FFFFFF',
		title : {
			text : '流量 立方米/秒',
			textStyle : {
				fontWeight : 'bolder',
				fontSize : 18,
				color : 'black',
			},
			right : '0%',
			top : '0%'
		},

		grid : {
			left : '1%',
			right : '5%',
			bottom : '0%',
			containLabel : true
		},
		xAxis : [ {
			type : 'category',
			boundaryGap : false,
			data : [ "0", "5", "10", "15", "20", "25", "30", "35", "40", "45" ],
			axisLabel : {
				show : true,
				interval : 0,
				fontSize : 20,
				color : '#ffffff',
				fontWeight : 'bold',

				formatter : '{value} 秒'
			},
			axisLine : {
				show : true
			},
			axisTick : {
				show : true
			},
		} ],
		yAxis : [ {
			show : true,
			max : 2400,
		} ],
		series : [ {
			name : '振幅',
			type : 'line',
			smooth : false,
			symbol : 'circle',
			showSymbol : true,
			lineStyle : {
				normal : {
					color : '#79CDCD',
					width : 3,
				//type: 'dashed'
				}
			},

			label : {
				normal : {
					show : true,
					position : 'top',
					color : '#fff',
					fontSize : 24,
				},
			},
			data : [ 1000, 1000, 1600, 1600, 1000, 1000, 400, 400, 1000, 1000 ]
		} ]
	};

	var options1 = {
		fontFamily : 'Roboto',
		name : '电压均值',
		//backgroundColor: '#C6E2FF',
		backgroundColor : '#FFFFFF',
		title : {
			text : '电压(V)',
			textStyle : {
				fontWeight : 'bolder',
				fontSize : 18,
				color : 'black',
			},
			right : '0%',
			top : '0%'
		},

		grid : {
			left : '1%',
			right : '5%',
			bottom : '0%',
			containLabel : true
		},
		xAxis : [ {
			type : 'category',
			boundaryGap : false,
			data : [ "0", "5", "10", "15", "20", "25", "30", "35", "40", "45" ],
			axisLabel : {
				show : true,
				interval : 0,
				fontSize : 20,
				color : '#ffffff',
				fontWeight : 'bold',

				formatter : '{value} 秒'
			},
			axisLine : {
				show : true
			},
			axisTick : {
				show : true
			},
		} ],
		yAxis : [ {
			show : true,
			max : 500,
			min : 120,
		} ],
		series : [ {
			name : '振幅',
			type : 'line',
			smooth : false,
			symbol : 'circle',
			showSymbol : true,
			lineStyle : {
				normal : {
					color : '#79CDCD',
					width : 3,
				//type: 'dashed'
				}
			},

			label : {
				normal : {
					show : true,
					position : 'top',
					color : '#fff',
					fontSize : 24,
				},
			},
			data : [ 180, 180, 220, 220, 180, 180, 220, 220, 360, 360 ]
		} ]
	};
	var options2 = {
		fontFamily : 'Roboto',
		name : '波高均值',
		//backgroundColor: '#C6E2FF',
		backgroundColor : '#FFFFFF',
		title : {
			text : '波高/厘米',
			textStyle : {
				fontWeight : 'bolder',
				fontSize : 18,
				color : 'black',
			},
			right : '0%',
			top : '0%'
		},

		grid : {
			left : '1%',
			right : '5%',
			bottom : '0%',
			containLabel : true
		},
		xAxis : [ {
			type : 'category',
			boundaryGap : false,
			data : [ "0", "5", "10", "15", "20", "25", "30", "35", "40", "45" ],
			axisLabel : {
				show : true,
				interval : 0,
				fontSize : 20,
				color : '#ffffff',
				fontWeight : 'bold',

				formatter : '{value} 秒'
			},
			axisLine : {
				show : true
			},
			axisTick : {
				show : true
			},
		} ],
		yAxis : [ {
			show : true,
			max : 8,
			min : 0,
		} ],
		series : [ {
			name : '振幅',
			type : 'line',
			smooth : false,
			symbol : 'circle',
			showSymbol : true,
			lineStyle : {
				normal : {
					color : '#79CDCD',
					width : 3,
				//type: 'dashed'
				}
			},

			label : {
				normal : {
					show : true,
					position : 'top',
					color : '#fff',
					fontSize : 24,
				},
			},
			data : [ 5, 5, 3.5, 3.5, 0, 0, 2, 2, 3, 3 ]
		} ]
	};
	var options3 = {
		fontFamily : 'Roboto',
		name : '波高均值',
		//backgroundColor: '#C6E2FF',
		backgroundColor : '#FFFFFF',
		title : {
			text : '周期均值',
			textStyle : {
				fontWeight : 'bolder',
				fontSize : 18,
				color : 'black',
			},
			right : '0%',
			top : '0%'
		},

		grid : {
			left : '1%',
			right : '5%',
			bottom : '0%',
			containLabel : true
		},
		xAxis : [ {
			type : 'category',
			boundaryGap : false,
			data : [ "0", "5", "10", "15", "20", "25", "30", "35", "40", "45" ],
			axisLabel : {
				show : true,
				interval : 0,
				fontSize : 20,
				color : '#ffffff',
				fontWeight : 'bold',

				formatter : '{value} 秒'
			},
			axisLine : {
				show : true
			},
			axisTick : {
				show : true
			},
		} ],
		yAxis : [ {
			show : true,
			max : 8,
			min : 0,
		} ],
		series : [ {
			name : '振幅',
			type : 'line',
			smooth : false,
			symbol : 'circle',
			showSymbol : true,
			lineStyle : {
				normal : {
					color : '#79CDCD',
					width : 3,
				//type: 'dashed'
				}
			},

			label : {
				normal : {
					show : true,
					position : 'top',
					color : '#fff',
					fontSize : 24,
				},
			},
			data : [ 5, 5, 3.5, 3.5, 0, 0, 2, 2, 3, 3 ]
		} ]
	};
	var chartxy = echarts.init(document.getElementById('poseXY'));
	var chartxy1 = echarts.init(document.getElementById('poseXY1'));
	var chartxy2 = echarts.init(document.getElementById('poseXY2'));
	var chartxy3 = echarts.init(document.getElementById('poseXY3'));
	//var chartxz = echarts.init(document.getElementById('poseXZ'));
	$.messager.progress('close');
	chartxy.setOption(options);
	chartxy1.setOption(options1);
	chartxy2.setOption(options2);
	chartxy3.setOption(options3);
	window.addEventListener('resize', function() {
		chartxy.resize();
		chartxy1.resize();
		chartxy2.resize();
		chartxy3.resize();
	});
}

//清空查询条件
function ClearCondition() {
	$(" input[ type='text' ] ").val('');
	$("#txtEndTime").datebox("setValue", '');
}